<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="./reg.css">
</head>

<body>
  <!-- 头部-->
  <header class="header">
    <div>
      <a href="../login/login.html">密码登录</a>
    </div>
  </header>
  <!-- 主体 -->
  <main class="main">
    <h1>手机号登录/注册</h1>
    <h4>快速找到好友, 一站式记录你的运动</h4>
    <div class="mainInput">
      <div class="mainInputPhe"><span>+86</span> <input type="number" placeholder="请输入手机号码"></div>
      <div class="mainInputYz">
        <input type="number" placeholder="请输入验证码">
        <a href="#">
          <img src="../../assets/imgs/验证码.jpg" alt="">
        </a>

      </div>
      <input type="number" placeholder="请输入密码">
      <input type="number" placeholder="请再次确认密码">
      <button class="btn">注册账号</button>
    </div>
  </main>

  <!-- 尾部 -->
  <footer class="footer">--HOLD ON--</footer>

  <script src="./login.js"></script>
</body>

</html>
